$basic-menu-prefix-cls: '#{$tonyname}-basic-menu';

.app-top-menu-popup {
  min-width: 150px;

  &.el-menu--horizontal {
    .el-menu  {
      .el-sub-menu,
      .el-menu-item {
        height: 40px;
        padding: 0 16px;
        margin: 8px 0 4px;
        line-height: 40px;
      }

      .el-sub-menu__title {
        padding: 0;
      }
    }
  }
}

.#{$basic-menu-prefix-cls} {
  width: 100%;

  &__align {
    &-start {
      justify-content: start;
    }

    &-center {
      justify-content: center;
    }

    &-end {
      justify-content: end;
    }
  }

  &-item {
    &-content {
      display: flex;
      align-items: center;
    }
  }
}
